<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maya.Box</title>
<link href="Maya.Box.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="Maya.Box.js"></script>
</head>
<body style="padding:100px;text:align:center;">
<input class="a" onclick="frame()" type="button" name="button" id="button" value="创建一个IFrame窗口" />
<input class="a"  onclick="point()" type="button" name="button2" id="button2" value="创建一个在点击处的窗口" />
<input  class="a" onclick="ajax()" type="button" name="button3" id="button3" value="创建一个ajax的窗口" />
<input  class="a" onclick="color('black')" type="button" name="button4" id="button4" value="黑色窗口" />
<input  class="a" onclick="color('red')" type="button" name="button5" id="button5" value="红色窗口" />
<input  class="a" onclick="color('green')" type="button" name="button6" id="button6" value="绿色窗口" />
<script type="text/javascript">
function frame(){
	new Maya.Box(
		{
		text : "IFrame的窗口"	,
		width : "600",
		height : "455",
		type : "iframe",
		url : "http://minisite.qq.com/bj/"
		}
	);
}
function  color(c){
	new Maya.Box(
		{
		text : "窗口"	,
		content : '<img style="margin:5px" src="http://img4.cache.netease.com/photo/0031/2011-08-29/7CLBJ81A4QSP0031.jpg" width="700" height="400" />',
		theme : c
		}
	);
}
function ajax(){
	new Maya.Box(
		{
		text : "Ajax的窗口"	,
		type : "ajax",
		url : "./index.html",
		content : "This is a content"
		}
	);
}
function point(){
	new Maya.Box(
		{
		text : "点击处的窗口"	,
		width : "10%",
		height : "10%",
		showSub : true,
		type : "iframe",
		isPoint : true
		}
	);
}
console.info($(".a").val().join(","));
</script>
</body>
</html>
